/* БОКОВОЕ МЕНЮ - начало */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Forum&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: 'Domotika';
   src: url('/fileservice/file/download/h/d22e1c92053b1a1bf77526af6ce01858.otf/a/53433/sc/135') format('opentype'),
       url('/fileservice/file/download/h/a7752941add9182e94118d20fb99989d.woff/a/53433/sc/75') format('woff');
}

@font-face {
    font-family: 'DomotikaM';
   src: url('/fileservice/file/download/h/c57a5a7fc1bf05103150ed8791111517.otf/a/53433/sc/32') format('opentype'),
       url('/fileservice/file/download/h/34e6030f8e87e643b8b49003e4e84caa.woff/a/53433/sc/148') format('woff');
}

:root {
    /* бежевый с сайта */
    --Gcolor1: #f6ebe4;
    /* стандартный коричневый */
    --Gcolor2: #7c6253;
    /* светло-бежевый с сайта */
    --Gcolor3: #fff5eb;
    /* бежево-серый */
    --Gcolor4: #D1C6B8;
    /* зелёный */
    --Gcolor5: #4A7C4A;
    /* синий */
    --Gcolor6: #2A4D69;
    /* кремовый */
    --Gcolor7: #F5E1C0;
    /* кремовый */
    --Gcolor8: #F5E1C0;
     /* из палитры 1 - бежевый */
    --Gcolor9: #D5BFB2;
     /* из палитры 2 - темно-розовый */
    --Gcolor10: #CF9284;
     /* из палитры 3 - светло-розовый */
    --Gcolor11: #EECFC7;
     /* из палитры 4 - охра */
    --Gcolor12: #e7d0c1;
     /* из палитры 5 - зеленый */
    --Gcolor13: #787B60;
    /* прозрачный */
    --Gcolor13: transparent;
    /* оранжевый */
    --Gcolor14: #ED9121;
    --Gwhite: #ffffff;
    --Gblack: #000000;
     /* новый коричневый */
    --Gcolor15: #56493c;
   
    --Gfont1: 'Nunito', sans-serift;
    --Gfont2: Arial, Roboto, sans-serif;
    --Gfont3: 'Oswald', Roboto, sans-serif;
    --Gfont4: 'Arial', Roboto, sans-serif;
    --Gfont5: 'Cormorant+Infant', Roboto, sans-serif;
    --Gfont6: 'Forum', Roboto, sans-serif;
    --Gfont7: 'Playfair Display SC', Roboto, sans-serif;
    --Gfont7: 'Domotika', Roboto, sans-serif;
    --Gfont8: 'DomotikaM', Roboto, sans-serif;
    
    --width1: 62px; 
    --height1: 62px;
    --width2: 32px; 
    --height2: 32px;
    --width3: 30px;
    --height3: 24px;
    
    /* фильтр оранжевый цвет */
    --ikonka1: invert(77%) sepia(58%) saturate(2315%) hue-rotate(310deg) brightness(101%) contrast(101%);
    /* фильтр белый цвет */
    --ikonka2:  invert(100%) sepia(4%) saturate(0%) hue-rotate(194deg) brightness(111%) contrast(101%);
    /* фильтр коричневый цвет */
    --ikonka3: invert(25%) sepia(7%) saturate(1515%) hue-rotate(349deg) brightness(102%) contrast(84%);
    
    --button-small: url('https://fs.getcourse.ru/fileservice/file/download/a/53433/sc/252/h/1870ff9d9d3503d3f7921f6c3abb9af4.png');
    --item-cms: url('https://fs.getcourse.ru/fileservice/file/download/a/53433/sc/372/h/bbebc36fbe3da5a45041dba278b96c62.png');
    --item-teach: url('https://fs.getcourse.ru/fileservice/file/download/a/53433/sc/10/h/b0aba8ca2e55d98bafcdea87a566bd3b.png');
    --item-user: url('https://fs.getcourse.ru/fileservice/file/download/a/53433/sc/185/h/bac4504be3842b38211fde48c8e026b8.png');
    --item-tasks: url('https://fs.getcourse.ru/fileservice/file/download/a/53433/sc/349/h/f7e713b9904faf7a2a6d7fdf9bb3418b.png');
    --item-notif: url('https://fs.getcourse.ru/fileservice/file/download/a/53433/sc/296/h/cbd45f7f7b081ec4acc5959333e4a1f8.png');
    --item-sales: url('https://fs.getcourse.ru/fileservice/file/download/a/53433/sc/331/h/6e1e0af516135d20de0ee437e8fe1fec.png');
    --item-chatium: url('https://fs.getcourse.ru/fileservice/file/download/a/53433/sc/233/h/c1b4e6ebaa26df68d732685a500fc414.png');
    }

body {
    font-family: var(--Gfont4)!important;  
/*font-weight: 100!important;*/
    background: #fff5eb30;
    font-size: 14px!important;
    letter-spacing: 0.2px!important;
}

a {
    /*font-weight: 200!important;
    letter-spacing: 0.2px!important;*/
  }  

b {
    /*font-weight: 100!important;
    letter-spacing: 0.2px!important;*/
  }  

h1, h2, h3, h4, h5, h6 {
    font-family: var(--Gfont4)!important;
/*font-weight: 100!important;*/
    color: var(--Gcolor15)!important;
    letter-spacing: 0.2px!important;
}

.top-notification-notice b {
    font-weight: 300;
    letter-spacing: 0.3px;
} */   

}
.gc-account-user-menu li.menu-item-marathon {
    display: none;
}

.standard-page-menu li.active a {
    font-weight: normal!important;
}

.annotate-block {
    display: none;
}

.empty-breadcrumbs {
    height: 30px;
  }  
    
/* Левая панель */
html .gc-account-leftbar {
    background: var(--Gcolor1)!important;
    height: 97%;
    border-radius: 20px!important;    
    box-shadow: 0px 25px 40px -20px rgba(0,0,0,0.2);
    margin-top: 5px;
    /*margin-left: 5px;*/
    margin-bottom: 20px;
    border: 1px solid var(--Gcolor12);
    }

.gc-account-leftbar .gc-account-user-menu {
    border-radius: 20px;  
     }

/* Левая панель - убираем разделители между иконками-разделами */
.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: none;
    background: var(--Gcolor1)!important;
    border-radius: 20px!important;
    }
/* Иконка профиля - аватар */
html .menu-item-profile .menu-item-icon {
    border-radius: 100px;
    width: 60px;
    border: 3px solid var(--Gcolor4);
}
/* Раздел с иконкой профиля (ссылка) */
li.menu-item.menu-item-profile a {
    background: transparent!important;
    transition: all 0.3s;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
    background: transparent!important;
    border-radius: 20px 20px 0 0!important;
    transition: all 0.3s;
}

/*  Левая панель - размеры разделов с иконками */
li.menu-item.menu-item-notifications_button_small a,
li.menu-item.menu-item-cms a,
li.menu-item.menu-item-teach a,
li.menu-item.menu-item-user a,
li.menu-item.menu-item-tasks a,
li.menu-item.menu-item-notifications a,
li.menu-item.menu-item-sales a,
li.menu-item.menu-item-chatium a{
    display: block;
    position: relative;
    background: transparent;
    margin: 3px auto 12px;
    width: 58px;
    height: 58px;
    border-radius: 100px;
    transition: all 0.3s;
}

li.menu-item.menu-item-search a{
    background: transparent;
}

/* выделим фон разделов под иконки при наведении */
.gc-account-leftbar .gc-account-user-menu li:hover a,
.gc-account-leftbar .gc-account-user-menu li.active a, 
.gc-account-leftbar .gc-account-user-menu li.selected a {
    background: var(--Gcolor12);
}
/* скрываем системные иконки Меню */
html .menu-item-notifications_button_small a img,
html .menu-item-cms a img,
html .menu-item-teach a img,
html .menu-item-user a img,
html .menu-item-tasks a img,
html .menu-item-notifications a img,
html .menu-item-sales a img,
html .menu-item-chatium a img {
    display: none;
}
/* новые иконки через псевдоэлемент - позиционируем, задаём цвет */
li.menu-item.menu-item-cms a::after,
li.menu-item.menu-item-teach a::after,
li.menu-item.menu-item-user a::after,
li.menu-item.menu-item-tasks a::after,
li.menu-item.menu-item-notifications a::after,
li.menu-item.menu-item-sales a::after,
li.menu-item.menu-item-chatium a::after {  
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 36px;
    height: 36px;
    /* из черного - в коричневый */
    filter: var(--ikonka3);
}
li.menu-item.menu-item-cms a::after {background-image: var(--item-cms);}
li.menu-item.menu-item-teach a::after {background-image: var(--item-teach);}
li.menu-item.menu-item-user a::after {background-image: var(--item-user);}
li.menu-item.menu-item-tasks a::after {background-image: var(--item-tasks);}
li.menu-item.menu-item-notifications a::after {background-image: var(--item-notif);}
li.menu-item.menu-item-sales a::after {background-image: var(--item-sales);}
li.menu-item.menu-item-chatium a::after {background-image: var(--item-chatium);}

/* новая иконка - рупор - позиционируем, задаём цвет */
li.menu-item.menu-item-notifications_button_small a::after {
    content: ''; 
    position: absolute; 
    background-image: var(--button-small);
    top: 50%; 
    left: 50%;  
    transform: translate(-50%, -50%); 
    background-size: contain; 
    background-repeat: no-repeat; 
    display: block;
    width: 20px;
    height: 20px;
    /* из черного - в коричневый */
    filter: var(--ikonka3);
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    margin-bottom: 3px;
}

/* выделим фон разделов под иконку с рупором при наведении */
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications_button_small:hover a,
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications_button_small.active a, 
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications_button_small.selected a {
    background: transparent!important;
}
/* задаём цвет рупора при выборе/нажатии */
li.menu-item.menu-item-notifications_button_small.selected a::after,
li.menu-item.menu-item-notifications_button_small.active a::after,
li.menu-item.menu-item-notifications_button_small:hover a::after {
    /* из черного - в белый */
    filter: var(--ikonka2);
}
/* задаём цвет новых иконок при выборе/нажатии */
li.menu-item.selected a::after,
li.menu-item.active a::after,
li.menu-item:hover a::after {
    /* из черного - в белый */
    filter: var(--ikonka2);
}

/* Cчетчик уведомлений - раздел Уведомления - рупор */
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    z-index: 3;
    width: 25px;
    font-size: 0.8em!important;
    font-weight: 700;
    text-align: center;
    color: var(--Gwhite);
    background: #FFA812!important;
    border-radius: 6px;
    position: absolute;
    bottom: 24px;
    right: 4px;
    padding: 5px 0px;
}
/* Счетчик уведомлений в левом меню */
.gc-account-leftbar .notify-count {
    z-index: 2;
    width: 25px;
    font-size: 0.8em!important;
    font-weight: 700;
    text-align: center;
    color: var(--Gwhite);
    background: #FFA812!important;
    border-radius: 6px;
    position: absolute;
    bottom: 38px;
    right: 4px;
    padding: 5px 0px;
}
/* Раскрывающееся меню - подменю */
.gc-account-leftbar .gc-account-user-submenu-bar {
    background: var(--Gcolor1);
    border-radius: 20px;
    box-shadow: 0px 25px 40px -20px rgba(0,0,0,0.2);
    border: 1px solid var(--Gcolor12);
}
/* Скрываем раздел в меню с бонусными рублями, депозитом и монетами */
.user-balance {
    display: none;
}
/* Заголовок подменю */
.gc-account-user-submenu-bar H3 {
    font-weight: 700;
    /*text-transform: uppercase;*/
    color: var(--Gcolor13);
    padding-left: 19px;
}
/* Разделы в подменю */
.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    font-weight: 100!important;
    font-size: 16px;
    color: var(--Gblack);
    text-transform: none;
    transition: all 0.3s;
}
/* разделы в подменю при наведении */
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: var(--Gcolor15);
    color: var(--Gwhite);
    border-radius: 9px;
}
.gc-fade-wrapper .gc-fade {
    top: 0px;
    left: 0px;
    opacity: 0.1;
}
/* Счетчик уведомлений в раскрывающемся меню - подменю */
.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count {
    font-size: 0.7em!important;
    bottom: 14px;
    right: 10px;    
}

/* БОКОВОЕ МЕНЮ - конец */

/* =====================================================
   FMA — выравнивание иконок левого меню
   Все иконки одного размера и одного цвета
   Цвет меняется только при наведении
===================================================== */

:root {
    --fma-menu-icon-size: 34px;
    --fma-menu-icon-color: var(--Gcolor15);
    --fma-menu-icon-hover: var(--Gwhite);
}

/* Единый размер кнопок меню, включая поиск */
li.menu-item.menu-item-search a,
li.menu-item.menu-item-notifications_button_small a,
li.menu-item.menu-item-cms a,
li.menu-item.menu-item-teach a,
li.menu-item.menu-item-user a,
li.menu-item.menu-item-tasks a,
li.menu-item.menu-item-notifications a,
li.menu-item.menu-item-sales a,
li.menu-item.menu-item-chatium a {
    display: block !important;
    position: relative !important;
    margin: 3px auto 12px !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 100px !important;
    background: transparent !important;
    transition: all 0.3s ease !important;
}

/* Скрываем системную лупу, чтобы нарисовать свою */
html .menu-item-search a img,
html .menu-item-search a .menu-item-icon,
html .menu-item-search a .menu-item-icon img {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Все кастомные иконки одного размера */
li.menu-item.menu-item-cms a::after,
li.menu-item.menu-item-teach a::after,
li.menu-item.menu-item-user a::after,
li.menu-item.menu-item-tasks a::after,
li.menu-item.menu-item-notifications a::after,
li.menu-item.menu-item-sales a::after,
li.menu-item.menu-item-chatium a::after,
li.menu-item.menu-item-notifications_button_small a::after {
    width: var(--fma-menu-icon-size) !important;
    height: var(--fma-menu-icon-size) !important;
    filter: var(--ikonka3) !important;
    opacity: 1 !important;
}

/* У выбранного пункта иконка НЕ становится белой */
li.menu-item.selected a::after,
li.menu-item.active a::after {
    filter: var(--ikonka3) !important;
}

/* Белой становится только при наведении */
li.menu-item:hover a::after {
    filter: var(--ikonka2) !important;
}

/* Фон при наведении и выборе */
.gc-account-leftbar .gc-account-user-menu li:hover a,
.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a {
    background: var(--Gcolor12) !important;
}

/* Для маленького колокольчика/рупора убираем старое исключение */
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications_button_small:hover a,
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications_button_small.active a,
.gc-account-leftbar .gc-account-user-menu li.menu-item.menu-item-notifications_button_small.selected a {
    background: var(--Gcolor12) !important;
}

/* Рисуем новую лупу в том же стиле */
li.menu-item.menu-item-search a::after {
    content: '' !important;
    position: absolute !important;
    top: 47% !important;
    left: 47% !important;
    width: 24px !important;
    height: 24px !important;
    border: 3px solid var(--fma-menu-icon-color) !important;
    border-radius: 50% !important;
    background: transparent !important;
    transform: translate(-50%, -50%) !important;
    box-sizing: border-box !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

/* Ручка лупы */
li.menu-item.menu-item-search a::before {
    content: '' !important;
    position: absolute !important;
    top: 35px !important;
    left: 35px !important;
    width: 14px !important;
    height: 3px !important;
    border-radius: 10px !important;
    background: var(--fma-menu-icon-color) !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* У выбранной лупы цвет остаётся коричневым */
li.menu-item.menu-item-search.active a::after,
li.menu-item.menu-item-search.selected a::after {
    border-color: var(--fma-menu-icon-color) !important;
}

li.menu-item.menu-item-search.active a::before,
li.menu-item.menu-item-search.selected a::before {
    background: var(--fma-menu-icon-color) !important;
}

/* При наведении лупа становится белой */
li.menu-item.menu-item-search:hover a::after {
    border-color: var(--fma-menu-icon-hover) !important;
}

li.menu-item.menu-item-search:hover a::before {
    background: var(--fma-menu-icon-hover) !important;
}

/* Чуть аккуратнее бейджи уведомлений */
.gc-account-leftbar .notify-count,
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    background: #FFA812 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    min-width: 22px !important;
    height: 22px !important;
    line-height: 12px !important;
    padding: 5px 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: 0 5px 12px rgba(255, 168, 18, 0.28) !important;
}

/* =====================================================
   FMA — исправление аватара в левом меню
   Убираем квадратную подсветку при наведении
===================================================== */

/* Сама ссылка профиля — без квадратного фона */
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a,
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile:hover a,
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile.active a,
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile.selected a {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    width: 68px !important;
    height: 68px !important;
    margin: 8px auto 12px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Фото профиля делаем идеально круглым */
html .menu-item-profile .menu-item-icon,
html .menu-item-profile img,
html .menu-item-profile .menu-item-icon img {
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    overflow: hidden !important;
    display: block !important;
    border: 2px solid #e7d0c1 !important;
    box-shadow: 0 6px 16px rgba(124, 98, 83, 0.16) !important;
    transition: all 0.25s ease !important;
}

/* При наведении — только мягкая круглая тень вокруг фото */
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile:hover .menu-item-icon,
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile:hover img,
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile:hover .menu-item-icon img {
    border-color: #d5bfb2 !important;
    box-shadow: 0 8px 22px rgba(124, 98, 83, 0.24) !important;
    transform: scale(1.03) !important;
}

/* Убираем возможные псевдоиконки у профиля */
li.menu-item.menu-item-profile a::before,
li.menu-item.menu-item-profile a::after {
    display: none !important;
    content: none !important;
}

/* =====================================================
   EN ACCOUNT — правая колонка в рамке + карточки тренингов
   Face Master Academy style
===================================================== */

/* Общий фон страницы тренингов */
body.gc-user-logined,
body {
    background: #fffaf6 !important;
}

/* Основная область контента чуть мягче */
.gc-main-content,
.gc-user-content,
.page-full-block,
.standard-page-content {
    background: #fffaf6 !important;
}

/* =====================================================
   ПРАВАЯ КОЛОНКА — ОБЩАЯ РАМА
===================================================== */

/* Правая колонка на странице тренингов */
.gc-main-content .row > div[class*="col-md-4"],
.gc-main-content .row > div[class*="col-sm-4"],
.standard-page-content .row > div[class*="col-md-4"],
.standard-page-content .row > div[class*="col-sm-4"] {
    background: #ffffff !important;
    border: 1px solid rgba(124, 98, 83, 0.18) !important;
    border-radius: 28px !important;
    padding: 18px !important;
    box-shadow: 0 18px 42px rgba(124, 98, 83, 0.07) !important;
}

/* Убираем лишние системные отступы внутри правой колонки */
.gc-main-content .row > div[class*="col-md-4"] .lt-block,
.gc-main-content .row > div[class*="col-sm-4"] .lt-block,
.standard-page-content .row > div[class*="col-md-4"] .lt-block,
.standard-page-content .row > div[class*="col-sm-4"] .lt-block {
    margin-bottom: 14px !important;
}

/* Картинки-карточки справа */
.gc-main-content .row > div[class*="col-md-4"] img,
.gc-main-content .row > div[class*="col-sm-4"] img,
.standard-page-content .row > div[class*="col-md-4"] img,
.standard-page-content .row > div[class*="col-sm-4"] img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 22px !important;
    margin: 0 0 14px 0 !important;
    box-shadow: 0 10px 24px rgba(124, 98, 83, 0.08) !important;
    transition: all 0.25s ease !important;
}

/* Мягкое наведение на карточки справа */
.gc-main-content .row > div[class*="col-md-4"] a:hover img,
.gc-main-content .row > div[class*="col-sm-4"] a:hover img,
.standard-page-content .row > div[class*="col-md-4"] a:hover img,
.standard-page-content .row > div[class*="col-sm-4"] a:hover img {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 32px rgba(124, 98, 83, 0.13) !important;
}

/* Последняя картинка без лишнего нижнего отступа */
.gc-main-content .row > div[class*="col-md-4"] img:last-child,
.gc-main-content .row > div[class*="col-sm-4"] img:last-child,
.standard-page-content .row > div[class*="col-md-4"] img:last-child,
.standard-page-content .row > div[class*="col-sm-4"] img:last-child {
    margin-bottom: 0 !important;
}

/* =====================================================
   ЛЕВЫЙ БЛОК — СПИСОК ТРЕНИНГОВ / КУРСОВ
===================================================== */

/* Левая колонка с тренингами */
.gc-main-content .row > div[class*="col-md-8"],
.gc-main-content .row > div[class*="col-sm-8"],
.standard-page-content .row > div[class*="col-md-8"],
.standard-page-content .row > div[class*="col-sm-8"] {
    padding-right: 24px !important;
}

/* Заголовок "Available courses" / "Доступные курсы" */
.gc-main-content h1,
.gc-main-content h2,
.gc-main-content h3,
.standard-page-content h1,
.standard-page-content h2,
.standard-page-content h3 {
    color: #56493c !important;
    font-family: Arial, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
}

/* Карточки тренингов */
.stream-table tr,
.stream-table tbody tr,
.gc-main-content .training-row,
.gc-main-content .stream-table .stream-row,
.standard-page-content .stream-table tr {
    background: #ffffff !important;
    border: 1px solid rgba(124, 98, 83, 0.16) !important;
    border-radius: 22px !important;
    box-shadow: 0 12px 30px rgba(124, 98, 83, 0.055) !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
    transition: all 0.25s ease !important;
}

/* Если GetCourse строит список не таблицей, а div-блоками */
.gc-main-content .stream-table,
.standard-page-content .stream-table {
    border-collapse: separate !important;
    border-spacing: 0 16px !important;
}

/* Ячейка внутри карточки */
.stream-table tr td,
.stream-table tbody tr td,
.standard-page-content .stream-table tr td {
    background: transparent !important;
    border: none !important;
    padding: 22px 24px !important;
}

/* Наведение на карточку курса */
.stream-table tr:hover,
.stream-table tbody tr:hover,
.standard-page-content .stream-table tr:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 38px rgba(124, 98, 83, 0.09) !important;
    border-color: rgba(124, 98, 83, 0.24) !important;
}

/* Названия тренингов */
.stream-table tr td a,
.stream-table tbody tr td a,
.gc-main-content .stream-title,
.gc-main-content .training-title,
.standard-page-content .stream-table tr td a {
    color: #56493c !important;
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* Наведение на название тренинга */
.stream-table tr td a:hover,
.stream-table tbody tr td a:hover,
.standard-page-content .stream-table tr td a:hover {
    color: #7c6253 !important;
    text-decoration: none !important;
}

/* Количество уроков и описание под названием */
.stream-table tr td,
.stream-table tbody tr td,
.gc-main-content .stream-table,
.standard-page-content .stream-table {
    color: #56493c !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

/* Текст "уроков" */
.stream-table tr td small,
.stream-table tbody tr td small,
.stream-table tr td div,
.stream-table tbody tr td div {
    color: #7c6253 !important;
    font-weight: 500 !important;
}

/* Убираем системную синюю ссылку */
.gc-main-content a,
.standard-page-content a {
    color: #56493c !important;
}

/* Но не трогаем кнопки GetCourse полностью */
.gc-main-content .btn,
.standard-page-content .btn {
    color: #ffffff !important;
}

/* Кнопка "Добавить курс" для админа */
.gc-main-content .btn-success,
.standard-page-content .btn-success {
    background: linear-gradient(180deg, #a97a5d 0%, #704832 100%) !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 22px rgba(112, 72, 50, 0.18) !important;
    color: #ffffff !important;
}

/* =====================================================
   БЛОКИ НА СТРАНИЦЕ — ОБЩАЯ МЯГКОСТЬ
===================================================== */

/* Общие контейнеры, чтобы страница была легче */
.gc-main-content .container,
.standard-page-content .container {
    max-width: 1180px !important;
}

/* Убираем грубые системные линии */
.gc-main-content table,
.standard-page-content table {
    border: none !important;
}

/* Скругляем системные блоки, если они есть */
.gc-main-content .panel,
.gc-main-content .well,
.standard-page-content .panel,
.standard-page-content .well {
    border-radius: 24px !important;
    border: 1px solid rgba(124, 98, 83, 0.14) !important;
    box-shadow: 0 12px 28px rgba(124, 98, 83, 0.05) !important;
    background: #ffffff !important;
}

/* =====================================================
   АДАПТИВ
===================================================== */

@media (max-width: 991px) {
    .gc-main-content .row > div[class*="col-md-4"],
    .gc-main-content .row > div[class*="col-sm-4"],
    .standard-page-content .row > div[class*="col-md-4"],
    .standard-page-content .row > div[class*="col-sm-4"] {
        margin-top: 22px !important;
        padding: 14px !important;
        border-radius: 24px !important;
    }

    .gc-main-content .row > div[class*="col-md-8"],
    .gc-main-content .row > div[class*="col-sm-8"],
    .standard-page-content .row > div[class*="col-md-8"],
    .standard-page-content .row > div[class*="col-sm-8"] {
        padding-right: 15px !important;
    }

    .stream-table tr td,
    .stream-table tbody tr td,
    .standard-page-content .stream-table tr td {
        padding: 18px !important;
    }

    .stream-table tr td a,
    .stream-table tbody tr td a,
    .standard-page-content .stream-table tr td a {
        font-size: 15px !important;
    }
}

/* =====================================================
   EN ACCOUNT — финальное выравнивание колонок
   + рамка для списка тренингов
===================================================== */

/* Общий контейнер страницы */
.gc-main-content .container,
.standard-page-content .container,
.page-full-block .container {
    max-width: 1180px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Основная строка с курсами и правой колонкой */
.gc-main-content .container > .row,
.standard-page-content .container > .row,
.page-full-block .container > .row {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 28px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Левая колонка со списком тренингов */
.gc-main-content .container > .row > div[class*="col-md-8"],
.gc-main-content .container > .row > div[class*="col-sm-8"],
.standard-page-content .container > .row > div[class*="col-md-8"],
.standard-page-content .container > .row > div[class*="col-sm-8"],
.page-full-block .container > .row > div[class*="col-md-8"],
.page-full-block .container > .row > div[class*="col-sm-8"] {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 388px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Правая колонка */
.gc-main-content .container > .row > div[class*="col-md-4"],
.gc-main-content .container > .row > div[class*="col-sm-4"],
.standard-page-content .container > .row > div[class*="col-md-4"],
.standard-page-content .container > .row > div[class*="col-sm-4"],
.page-full-block .container > .row > div[class*="col-md-4"],
.page-full-block .container > .row > div[class*="col-sm-4"] {
    flex: 0 0 360px !important;
    width: 360px !important;
    max-width: 360px !important;
    margin-left: auto !important;
    padding: 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(124, 98, 83, 0.18) !important;
    border-radius: 28px !important;
    box-shadow: 0 18px 42px rgba(124, 98, 83, 0.07) !important;
}

/* Картинки справа внутри рамки */
.gc-main-content .container > .row > div[class*="col-md-4"] img,
.gc-main-content .container > .row > div[class*="col-sm-4"] img,
.standard-page-content .container > .row > div[class*="col-md-4"] img,
.standard-page-content .container > .row > div[class*="col-sm-4"] img,
.page-full-block .container > .row > div[class*="col-md-4"] img,
.page-full-block .container > .row > div[class*="col-sm-4"] img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 22px !important;
    margin: 0 0 14px 0 !important;
    box-shadow: 0 10px 24px rgba(124, 98, 83, 0.08) !important;
}

/* У последней картинки справа убираем лишний отступ */
.gc-main-content .container > .row > div[class*="col-md-4"] img:last-child,
.gc-main-content .container > .row > div[class*="col-sm-4"] img:last-child,
.standard-page-content .container > .row > div[class*="col-md-4"] img:last-child,
.standard-page-content .container > .row > div[class*="col-sm-4"] img:last-child,
.page-full-block .container > .row > div[class*="col-md-4"] img:last-child,
.page-full-block .container > .row > div[class*="col-sm-4"] img:last-child {
    margin-bottom: 0 !important;
}

/* =====================================================
   РАМКА ЛЕВОГО СПИСКА ТРЕНИНГОВ
===================================================== */

/* Общая рамка вокруг списка курсов */
.gc-main-content .stream-table,
.standard-page-content .stream-table,
.page-full-block .stream-table {
    display: block !important;
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid rgba(124, 98, 83, 0.18) !important;
    border-radius: 28px !important;
    padding: 18px !important;
    box-shadow: 0 18px 42px rgba(124, 98, 83, 0.06) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* Если внутри таблицы есть tbody */
.gc-main-content .stream-table tbody,
.standard-page-content .stream-table tbody,
.page-full-block .stream-table tbody {
    display: block !important;
    width: 100% !important;
}

/* Каждая строка курса как отдельная карточка */
.gc-main-content .stream-table tr,
.standard-page-content .stream-table tr,
.page-full-block .stream-table tr {
    display: block !important;
    width: 100% !important;
    margin-bottom: 14px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fffaf6 100%) !important;
    border: 1px solid rgba(124, 98, 83, 0.14) !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 26px rgba(124, 98, 83, 0.045) !important;
    transition: all 0.25s ease !important;
}

/* Последняя карточка без нижнего отступа */
.gc-main-content .stream-table tr:last-child,
.standard-page-content .stream-table tr:last-child,
.page-full-block .stream-table tr:last-child {
    margin-bottom: 0 !important;
}

/* Внутренности карточки */
.gc-main-content .stream-table tr td,
.standard-page-content .stream-table tr td,
.page-full-block .stream-table tr td {
    display: block !important;
    width: 100% !important;
    padding: 22px 24px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 22px !important;
}

/* Наведение на карточку курса */
.gc-main-content .stream-table tr:hover,
.standard-page-content .stream-table tr:hover,
.page-full-block .stream-table tr:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(124, 98, 83, 0.26) !important;
    box-shadow: 0 16px 34px rgba(124, 98, 83, 0.08) !important;
}

/* Названия курсов */
.gc-main-content .stream-table tr td a,
.standard-page-content .stream-table tr td a,
.page-full-block .stream-table tr td a {
    color: #56493c !important;
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* Убираем синий цвет ссылок в курсах */
.gc-main-content .stream-table a,
.standard-page-content .stream-table a,
.page-full-block .stream-table a {
    color: #56493c !important;
    text-decoration: none !important;
}

/* Наведение на название */
.gc-main-content .stream-table a:hover,
.standard-page-content .stream-table a:hover,
.page-full-block .stream-table a:hover {
    color: #7c6253 !important;
    text-decoration: none !important;
}

/* Количество уроков */
.gc-main-content .stream-table tr td,
.standard-page-content .stream-table tr td,
.page-full-block .stream-table tr td {
    color: #7c6253 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}

/* Заголовок "Доступные курсы" / Available courses */
.gc-main-content h2,
.standard-page-content h2,
.page-full-block h2 {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    color: #56493c !important;
    font-family: Arial, sans-serif !important;
    font-weight: 500 !important;
}

/* =====================================================
   АДАПТИВ
===================================================== */

@media (max-width: 991px) {
    .gc-main-content .container > .row,
    .standard-page-content .container > .row,
    .page-full-block .container > .row {
        display: block !important;
    }

    .gc-main-content .container > .row > div[class*="col-md-8"],
    .gc-main-content .container > .row > div[class*="col-sm-8"],
    .standard-page-content .container > .row > div[class*="col-md-8"],
    .standard-page-content .container > .row > div[class*="col-sm-8"],
    .page-full-block .container > .row > div[class*="col-md-8"],
    .page-full-block .container > .row > div[class*="col-sm-8"] {
        max-width: 100% !important;
        width: 100% !important;
    }

    .gc-main-content .container > .row > div[class*="col-md-4"],
    .gc-main-content .container > .row > div[class*="col-sm-4"],
    .standard-page-content .container > .row > div[class*="col-md-4"],
    .standard-page-content .container > .row > div[class*="col-sm-4"],
    .page-full-block .container > .row > div[class*="col-md-4"],
    .page-full-block .container > .row > div[class*="col-sm-4"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 22px !important;
    }

    .gc-main-content .stream-table,
    .standard-page-content .stream-table,
    .page-full-block .stream-table {
        padding: 14px !important;
        border-radius: 24px !important;
    }

    .gc-main-content .stream-table tr td,
    .standard-page-content .stream-table tr td,
    .page-full-block .stream-table tr td {
        padding: 18px !important;
    }
}
/* =====================================================
   EN ACCOUNT — выравнивание верхних баннеров по сетке
===================================================== */

/* Единая рабочая ширина страницы */
.gc-main-content .container,
.standard-page-content .container,
.page-full-block .container {
    max-width: 1180px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Убираем хаотичные внутренние отступы у верхних блоков */
.gc-main-content .container > div,
.standard-page-content .container > div,
.page-full-block .container > div {
    box-sizing: border-box !important;
}

/* Верхний главный баннер */
.gc-main-content .container > .lt-block:first-child,
.standard-page-content .container > .lt-block:first-child,
.page-full-block .container > .lt-block:first-child {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Баннер START UP */
.gc-main-content .container > .lt-block,
.standard-page-content .container > .lt-block,
.page-full-block .container > .lt-block {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Если баннеры внутри имеют собственные рамки/обложки */
.gc-main-content .container > .lt-block img,
.standard-page-content .container > .lt-block img,
.page-full-block .container > .lt-block img {
    max-width: 100% !important;
    height: auto !important;
}

/* Блок START UP растягиваем по той же ширине, что и нижняя сетка */
.gc-main-content .container > .lt-block .fma-start-card,
.standard-page-content .container > .lt-block .fma-start-card,
.page-full-block .container > .lt-block .fma-start-card {
    width: 100% !important;
}

/* Нижняя сетка — уже под общую ширину */
.gc-main-content .container > .row,
.standard-page-content .container > .row,
.page-full-block .container > .row {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Чтобы верхние баннеры не были уже/шире нижней сетки */
.gc-main-content .lt-block,
.standard-page-content .lt-block,
.page-full-block .lt-block {
    width: 100% !important;
}

/* Если у баннеров есть внешние обертки с padding */
.gc-main-content .lt-block-wrapper,
.standard-page-content .lt-block-wrapper,
.page-full-block .lt-block-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* =====================================================
   EN ACCOUNT — откат растяжения нижних колонок
   и аккуратное выравнивание верхних баннеров
===================================================== */

/* Возвращаем нижнюю сетку в более компактную ширину */
.gc-main-content .container > .row,
.standard-page-content .container > .row,
.page-full-block .container > .row {
    max-width: 1120px !important;
    width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 24px !important;
}

/* Левая колонка — не растягиваем слишком широко */
.gc-main-content .container > .row > div[class*="col-md-8"],
.gc-main-content .container > .row > div[class*="col-sm-8"],
.standard-page-content .container > .row > div[class*="col-md-8"],
.standard-page-content .container > .row > div[class*="col-sm-8"],
.page-full-block .container > .row > div[class*="col-md-8"],
.page-full-block .container > .row > div[class*="col-sm-8"] {
    flex: 1 1 auto !important;
    max-width: 720px !important;
    width: 720px !important;
}

/* Правая колонка — фиксируем аккуратную ширину */
.gc-main-content .container > .row > div[class*="col-md-4"],
.gc-main-content .container > .row > div[class*="col-sm-4"],
.standard-page-content .container > .row > div[class*="col-md-4"],
.standard-page-content .container > .row > div[class*="col-sm-4"],
.page-full-block .container > .row > div[class*="col-md-4"],
.page-full-block .container > .row > div[class*="col-sm-4"] {
    flex: 0 0 376px !important;
    width: 376px !important;
    max-width: 376px !important;
    margin-left: 0 !important;
}

/* Верхние блоки/баннеры выравниваем под эту же общую ширину */
.gc-main-content .container > .lt-block,
.standard-page-content .container > .lt-block,
.page-full-block .container > .lt-block {
    max-width: 1120px !important;
    width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Если верхние баннеры внутри lt-block имеют обёртки */
.gc-main-content .lt-block .fma-start-card,
.standard-page-content .lt-block .fma-start-card,
.page-full-block .lt-block .fma-start-card {
    max-width: 1120px !important;
    width: 100% !important;
}

/* =====================================================
   Адаптив
===================================================== */

@media (max-width: 1200px) {
    .gc-main-content .container > .row,
    .standard-page-content .container > .row,
    .page-full-block .container > .row,
    .gc-main-content .container > .lt-block,
    .standard-page-content .container > .lt-block,
    .page-full-block .container > .lt-block {
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
    }

    .gc-main-content .container > .row > div[class*="col-md-8"],
    .gc-main-content .container > .row > div[class*="col-sm-8"],
    .standard-page-content .container > .row > div[class*="col-md-8"],
    .standard-page-content .container > .row > div[class*="col-sm-8"],
    .page-full-block .container > .row > div[class*="col-md-8"],
    .page-full-block .container > .row > div[class*="col-sm-8"] {
        max-width: calc(100% - 400px) !important;
        width: calc(100% - 400px) !important;
    }
}

@media (max-width: 991px) {
    .gc-main-content .container > .row,
    .standard-page-content .container > .row,
    .page-full-block .container > .row {
        display: block !important;
        width: calc(100% - 28px) !important;
        max-width: calc(100% - 28px) !important;
    }

    .gc-main-content .container > .row > div[class*="col-md-8"],
    .gc-main-content .container > .row > div[class*="col-sm-8"],
    .standard-page-content .container > .row > div[class*="col-md-8"],
    .standard-page-content .container > .row > div[class*="col-sm-8"],
    .page-full-block .container > .row > div[class*="col-md-8"],
    .page-full-block .container > .row > div[class*="col-sm-8"],
    .gc-main-content .container > .row > div[class*="col-md-4"],
    .gc-main-content .container > .row > div[class*="col-sm-4"],
    .standard-page-content .container > .row > div[class*="col-md-4"],
    .standard-page-content .container > .row > div[class*="col-sm-4"],
    .page-full-block .container > .row > div[class*="col-md-4"],
    .page-full-block .container > .row > div[class*="col-sm-4"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .gc-main-content .container > .lt-block,
    .standard-page-content .container > .lt-block,
    .page-full-block .container > .lt-block {
        width: calc(100% - 28px) !important;
        max-width: calc(100% - 28px) !important;
    }
    /* =====================================================
   EN ACCOUNT — мягкое выравнивание страницы
   баннеры + нижние колонки
===================================================== */

/* Единая ширина рабочей области */
.gc-main-content .container,
.standard-page-content .container,
.page-full-block .container {
    max-width: 1180px !important;
    width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Верхние баннеры */
.gc-main-content .lt-block,
.standard-page-content .lt-block,
.page-full-block .lt-block {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Нижний ряд с двумя колонками */
.gc-main-content .container > .row,
.standard-page-content .container > .row,
.page-full-block .container > .row {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 28px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Левая колонка со списком курсов */
.gc-main-content .container > .row > .col-md-8,
.gc-main-content .container > .row > .col-sm-8,
.standard-page-content .container > .row > .col-md-8,
.standard-page-content .container > .row > .col-sm-8,
.page-full-block .container > .row > .col-md-8,
.page-full-block .container > .row > .col-sm-8 {
    flex: 1 1 auto !important;
    width: calc(100% - 408px) !important;
    max-width: calc(100% - 408px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Правая колонка */
.gc-main-content .container > .row > .col-md-4,
.gc-main-content .container > .row > .col-sm-4,
.standard-page-content .container > .row > .col-md-4,
.standard-page-content .container > .row > .col-sm-4,
.page-full-block .container > .row > .col-md-4,
.page-full-block .container > .row > .col-sm-4 {
    flex: 0 0 380px !important;
    width: 380px !important;
    max-width: 380px !important;
    padding: 18px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #ffffff !important;
    border: 1px solid rgba(124, 98, 83, 0.18) !important;
    border-radius: 28px !important;
    box-shadow: 0 18px 42px rgba(124, 98, 83, 0.07) !important;
    box-sizing: border-box !important;
}

/* Рамка вокруг списка тренингов */
.gc-main-content .stream-table,
.standard-page-content .stream-table,
.page-full-block .stream-table {
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border: 1px solid rgba(124, 98, 83, 0.18) !important;
    border-radius: 28px !important;
    padding: 18px !important;
    box-shadow: 0 18px 42px rgba(124, 98, 83, 0.06) !important;
    box-sizing: border-box !important;
}

/* Внутренние карточки курсов */
.gc-main-content .stream-table tr,
.standard-page-content .stream-table tr,
.page-full-block .stream-table tr {
    display: block !important;
    width: 100% !important;
    margin-bottom: 14px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fffaf6 100%) !important;
    border: 1px solid rgba(124, 98, 83, 0.14) !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 26px rgba(124, 98, 83, 0.045) !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}

.gc-main-content .stream-table tr:last-child,
.standard-page-content .stream-table tr:last-child,
.page-full-block .stream-table tr:last-child {
    margin-bottom: 0 !important;
}

/* Внутренние отступы карточек */
.gc-main-content .stream-table tr td,
.standard-page-content .stream-table tr td,
.page-full-block .stream-table tr td {
    display: block !important;
    width: 100% !important;
    padding: 22px 24px !important;
    border: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* Названия курсов */
.gc-main-content .stream-table tr td a,
.standard-page-content .stream-table tr td a,
.page-full-block .stream-table tr td a {
    color: #56493c !important;
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* Текст количества уроков */
.gc-main-content .stream-table tr td,
.standard-page-content .stream-table tr td,
.page-full-block .stream-table tr td {
    color: #7c6253 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}

/* Наведение */
.gc-main-content .stream-table tr:hover,
.standard-page-content .stream-table tr:hover,
.page-full-block .stream-table tr:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(124, 98, 83, 0.26) !important;
    box-shadow: 0 16px 34px rgba(124, 98, 83, 0.08) !important;
}

/* Карточки справа */
.gc-main-content .container > .row > .col-md-4 img,
.gc-main-content .container > .row > .col-sm-4 img,
.standard-page-content .container > .row > .col-md-4 img,
.standard-page-content .container > .row > .col-sm-4 img,
.page-full-block .container > .row > .col-md-4 img,
.page-full-block .container > .row > .col-sm-4 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 22px !important;
    margin: 0 0 14px 0 !important;
    box-shadow: 0 10px 24px rgba(124, 98, 83, 0.08) !important;
}

/* Адаптив */
@media (max-width: 1200px) {
    .gc-main-content .container,
    .standard-page-content .container,
    .page-full-block .container {
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
    }
}

@media (max-width: 991px) {
    .gc-main-content .container > .row,
    .standard-page-content .container > .row,
    .page-full-block .container > .row {
        display: block !important;
    }

    .gc-main-content .container > .row > .col-md-8,
    .gc-main-content .container > .row > .col-sm-8,
    .standard-page-content .container > .row > .col-md-8,
    .standard-page-content .container > .row > .col-sm-8,
    .page-full-block .container > .row > .col-md-8,
    .page-full-block .container > .row > .col-sm-8,
    .gc-main-content .container > .row > .col-md-4,
    .gc-main-content .container > .row > .col-sm-4,
    .standard-page-content .container > .row > .col-md-4,
    .standard-page-content .container > .row > .col-sm-4,
    .page-full-block .container > .row > .col-md-4,
    .page-full-block .container > .row > .col-sm-4 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .gc-main-content .container > .row > .col-md-4,
    .gc-main-content .container > .row > .col-sm-4,
    .standard-page-content .container > .row > .col-md-4,
    .standard-page-content .container > .row > .col-sm-4,
    .page-full-block .container > .row > .col-md-4,
    .page-full-block .container > .row > .col-sm-4 {
        margin-top: 22px !important;
    }
}
    /* =========================================================
   FACE MASTER ACADEMY
   GLOBAL MOBILE SIDEBAR
   ========================================================= */

@media (max-width: 767px) {

  /* -------------------------------------------------------
     LEFT SIDEBAR
     ------------------------------------------------------- */

  #gcAccountUserMenu,
  #gcAccountUserMenu .gc-account-leftbar,
  #gcAccountUserMenu .gc-account-user-menu {
    background: #f7eee8 !important;
    background-color: #f7eee8 !important;
    background-image: none !important;
  }


  #gcAccountUserMenu
  .gc-account-user-menu > li {
    background: transparent !important;
  }


  /* Кнопки меню */

  #gcAccountUserMenu
  .gc-account-user-menu > li > a {
    background: #fffaf7 !important;

    color: #4d3931 !important;

    border: 1px solid rgba(124, 98, 83, .08) !important;

    box-shadow: none !important;
    text-shadow: none !important;
  }


  /* Hover / active */

  #gcAccountUserMenu
  .gc-account-user-menu > li > a:hover,

  #gcAccountUserMenu
  .gc-account-user-menu > li.active > a,

  #gcAccountUserMenu
  .gc-account-user-menu > li.selected > a {
    background: #ead8cd !important;

    color: #4d3931 !important;
  }


  /* -------------------------------------------------------
     REMOVE GETCOURSE MOBILE SYSTEM BAR
     Open in app + Actions
     ------------------------------------------------------- */

  #gcAccountUserMenu
  .gc-page-nav-items-menu.lt-page-edit-link {
    display: none !important;
  }


  /* На случай, если GetCourse изменит сочетание классов */

  #gcAccountUserMenu
  .gc-page-nav-items-menu {
    display: none !important;
  }

}
/* =========================================================
   FACE MASTER — MOBILE SIDEBAR TOGGLE
   ========================================================= */

@media (max-width: 767px) {

  #gcAccountUserMenu
  .gc-account-leftbar
  > a.toggle-link.without-icon {

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    padding-left: 18px !important;

    background: rgba(77, 57, 49, .58) !important;
    background-color: rgba(77, 57, 49, .58) !important;
    background-image: none !important;

    /* фирменный кремовый */
    color: #f4e7dc !important;

    border-top: 1px solid rgba(244, 231, 220, .20) !important;

    box-shadow: none !important;
    text-shadow: none !important;

    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;
  }


  /* Цвет самой иконки и всех вложенных элементов */

  #gcAccountUserMenu
  .gc-account-leftbar
  > a.toggle-link.without-icon * {

    color: #f4e7dc !important;
  }


  #gcAccountUserMenu
  .gc-account-leftbar
  > a.toggle-link.without-icon:hover,

  #gcAccountUserMenu
  .gc-account-leftbar
  > a.toggle-link.without-icon:focus {

    background: rgba(77, 57, 49, .72) !important;
    background-color: rgba(77, 57, 49, .72) !important;

    color: #f4e7dc !important;
  }


  #gcAccountUserMenu
  .gc-account-leftbar
  > a.toggle-link.without-icon:hover *,

  #gcAccountUserMenu
  .gc-account-leftbar
  > a.toggle-link.without-icon:focus * {

    color: #f4e7dc !important;
  }

}